<!DOCTYPE html>
<html lang="en">
    <head>
		<meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<title>Denzdii CSS3tutsplus</title>
<link href='http://under-88.blogspot.com/favicon.ico' rel='icon' type='image/x-icon'/>
<link href="style/style-reset.css" rel="stylesheet" type="text/css"/>
<link href='https://plus.google.com/117690544352523175338' rel='author'/>
<link href='https://plus.google.com/117690544352523175338' rel='publisher'/>
<meta content="Blogger Tutorial Plus Free Blogger Templates,blogger tutorial, Blogger template, tips dan trik blog,SEO Blogger,javascript, css" name='keywords'/>
<meta content="demo tutorial blogger css jquery moderration plugin blog' name='description"/>
<link href='http://fonts.googleapis.com/css?family=Alegreya+SC:700,400italic' rel='stylesheet' type='text/css' />
<style type="text/css"></style>
    </head>
    <body>
<div id="topBar">
	<div id="topLimiter">
		<h1><a id="logo" title="Home" href="http://under-88.blogspot.com/">CSS TutsPlus - PHP MySQL CSS jQuery XHTML tutorials, resources and freebies.</a></h1>
        
        <ul id="navigation">
<li><div><a class="level0" href="#tabs1">Tutorials</a>
<ul class="level1">
<li><div><a class="level1" href="http://under-88.blogspot.com/search/label/CSS?max-results=5">CSS</a></div></li>
<li><div><a class="level1" href="http://under-88.blogspot.com/search/label/jQuery?max-results=5">Jquery</a></div></li>
<li><div><a class="level1" href="http://under-88.blogspot.com/search/label/Javascript?max-results=5">Javascript</a></div></li>
<li><div><a class="level1" href="http://under-88.blogspot.com/search/label/HTML?max-results=5">HTML</a></div></li>
</ul>
<span class="topMenuIcon"></span></div></li>
<li><div><a class="level0" href="#tabs2">Articles</a>
<ul class="level1">
<li><div><a class="level1" href="http://under-88.blogspot.com/search/label/Blog-Tricks?max-results=5">Tips And Triks</a></div></li>
<li><div><a class="level1" href="#">Blogger</a></div></li>
<li><div><a class="level1" href="http://under-88.blogspot.com/search/label/SEO-Friendly?max-results=5">SEO</a></div></li>
</ul>
<span class="topMenuIcon"></span></div></li>
<li><div><a class="level0" href="#tabs3">Plugin</a>
<ul class="level1">
<li><div><a class="level1" href="http://under-88.blogspot.com/p/css-compressor.html">CSS Compressor</a></div></li>
<li><div><a class="level1" href="http://under-88.blogspot.com/p/css-cubic-bezier-editor.html">CSS Cubic Bezier</a></div></li>
<li><div><a class="level1" href="http://under-88.blogspot.com/p/css-gradient-generator.html">CSS Gradient</a></div></li>
<li><div><a class="level1" href="http://under-88.blogspot.com/p/tool-parse.html">HTML Convert</a></div></li>
</ul>
<span class="topMenuIcon"></span></div></li>
<li><div><a class="level0" href="#tabs4">Design</a>
<ul class="level1">
<li><div><a class="level1" href="#">Templates</a></div></li>
<li><div><a class="level1" href="#">PSD</a></div></li>
</ul>
<span class="topMenuIcon"></span></div></li>
</ul>
        <div id="searchForm">
<div id="cse-search-form" style="color:#faf6fa;"></div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript"> 
  google.load('search', '1', {language : 'en', style : google.loader.themes.V2_DEFAULT});
  google.setOnLoadCallback(function() {
    var customSearchControl = new google.search.CustomSearchControl('002577119024778143861:a6vwqtpq5ji');
    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
    var options = new google.search.DrawOptions();
    options.setAutoComplete(true);
    options.enableSearchboxOnly("http://under-88.blogspot.com/p/cari-artikel.html");
    customSearchControl.draw('cse-search-form', options);
  }, true);
</script>
<link href="style/cse.css" rel="stylesheet" type="text/css"/>
<style type='text/css'>
.cse input.gsc-search-button, input.gsc-search-button{display:none!important;}
</style>
        </div>
    </div>
</div>
  <article class="main-content">
        <div class="container">
			<header>
				<h1>Table Of <span>Content</span></h1>
				<h2>Daftar Isi Dengan Navigation Halaman</h2>
				<p class="csstutsplus-demos">
					<a href="index-1.html">Demo 1</a>
					<a class="current-demo">Demo 2</a>
				</p>
			</header>
  <link rel="stylesheet" media="screen" href="style-dark.css" type="text/css" />
<script type="text/javascript">
var showPostDate   = true,
    showComments   = true,
    idMode         = true,
    sortByLabel    = true,
    labelSorter    = "CSS",
    loadingText    = "Loading...",
    totalPostLabel = "Jumlah Artikel:",
    jumpPageLabel  = "Page",
    commentsLabel  = "Comments",
    rmoreText      = "Baca Artikel &#9658;",
    prevText       = "Prev",
    nextText       = "Next",
    siteUrl        = "http://under-88.blogspot.com",
    postsperpage   = 10,
    numchars       = 370,
    imgBlank       = "https://css3-tutsplus.googlecode.com/svn/trunk/daftar-isi/images/no-image.png";
</script>
<script type="text/javascript" src="toc-navigation-public.js"></script>
 </div><!-- end cintainer -->
				<div style="clear:both;"></div>
		<div class="credit">
					Demo By : <a href="http://under-88.blogspot.com" rel="nofollow">Denzdii</a> | Blogs Url : <a href="http://under-88.blogspot.com/" rel="nofollow">http://under-88.blogspot.com</a>
			<br />Intruction Tutorial <a href="http://under-88.blogspot.com">Halaman Demo</a>
		<nav id="sidenav">
			<ul>
				<li><a class="main facebook" href="https://facebook.com/GTandUnder88">facebook</a></li>
				<li><a class="main Google" href="https://plus.google.com/109783772548428705949?prsrc=2">Google+</a></li>
				<li><a class="main twitter" href="https://twitter.com/GTandUnder88">Twitter</a></li>
				<li><a class="main rss" href="http://feeds.feedburner.com/BlogUnder-88">RSS</a>
				<li><a class="main linked" href="#">In</a>
			</ul>
		</nav>
		</div>
    </body>
</html>